<template>
	<div class="dimension-box" id="dimension-box">
		<div class="container">
			<div class="content-dismension">
				<div class="row">
					<div class="col">
						<div class="item-text-list">
							<h3 class="ul-title">项目背景</h3>
							<ul class="list-content">
								<li>行业分析</li>
								<li>白皮书及智能合约</li>
								<li>项目定位</li>
								<li>技术分类</li>
								<li>行业应用</li>
							</ul>
						</div>
						<div class="item-text-list">
							<h3 class="ul-title">项目运营</h3>
							<ul class="list-content">
								<li>媒体热度</li>
								<li>社区活跃度</li>
								<li>项目方运营能力</li>
								<li>国际化</li>
								
							</ul>
						</div>
						<div class="item-text-list">
							<h3 class="ul-title">金融模型分析</h3>
							<ul class="list-content">
								<li>代币初分配情况</li>
								<li>市值排名</li>
								<li>日内波动</li>
								<li>市场规模</li>
								<li>日间波动</li>
								<li>交易所数量</li>
								<li>成交换手</li>
							</ul>
						</div>
					</div>
					<div class="col img-col">
						<div class="img-bgc"></div>
					</div>
					<div class="col">
						<div class="item-text-list right-item-text">
							<h3 class="ul-title">团队分析</h3>
							<ul class="list-content">
								<li>项目团队</li>
								<li>项目顾问</li>
								<li>投资方</li>
								<li>法律、政策风险</li>
							</ul>
						</div>
						<div class="item-text-list right-item-text">
							<h3 class="ul-title">代码分析</h3>
							<ul class="list-content">
								<li>代码更新</li>
								<li>代码质量</li>
								<li>代码社区</li>
								<li>代码对比</li>
								<li>代码安全</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>
<style scoped="scoped">
	.dimension-box{
		width: 100%;
		height: 794px;
		background: url(../../assets/images/wugeweidu.png);
		background-size: 100% 794px;
	}
	.content-dismension{
		padding: 60px 0;
		width: 100%;
		height: 734px;
		overflow: hidden;
	}
	.img-bgc{
		width: 100%;
		height: 618px;
		background-image: url(../../assets/images/wugeweidu-white.png);
		background-size: 100% 618px;
	}
	.item-text-list{
		width: 100%;
		position: relative;
		overflow: hidden;
		color: #FFFFFF;
		margin-bottom: 60px;
	}
	.ul-title{
		font-size: 24px;
	}
	.list-content{
		margin-left: 45%;
		text-align: left;
	}
	.right-item-text{
		margin: 90px 0 0 0;
	}
	@media (max-width: 768px){
		.img-col{
			display: none !important;
		}
	}
</style>